<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/masterLayout.xhtml">

	<ui:define name="title">
			TIPOS DE DOCUMENTOS
	</ui:define>

	<ui:define name="content">

		<p:growl id="mensajes" showDetail="true" life="7000" />

		<p:panel id="panel" header="LISTADO DE TIPOS DE DOCUMENTOS"
			style="margin-bottom:10px;">

			<h:form id="formDataTable">

				<p:dataTable id="tablaTipoDocumentos" var="tipoDocumento"
					value="#{tipoDocumentoBean.listaTipoDocumentos}" paginator="true"
					rows="10" styleClass="tablaDocumento"
					emptyMessage="#{msg['lbl.mensajeTabla']}"
					paginatorPosition="bottom"
					rowStyleClass="#{tipoDocumento.activo eq true ? null:'desactivo'}">

					<f:facet name="header" style="height: 30px;">
						<h:form>
							<p:outputLabel value="ACTIVO" style="float: left;" />
							<p:outputLabel value="ass" styleClass="leyendaActivo" />
							<p:outputLabel style="float: left;" />
							<p:outputLabel value="DESACTIVO" style="float: left;" />
							<p:outputLabel value="ass" styleClass="leyendaDesactivo" />
							<p:outputLabel />
							<p:commandButton value="#{msg['btn.insertar']}"
								update=":formNuevo"
								oncomplete="PF('tipoDocumentoDialogoNuevo').show()"
								id="btnNuevo" icon="ui-icon-plus" styleClass="botonNuevo"
								actionListener="#{tipoDocumentoBean.limpiar}" />
						</h:form>
					</f:facet>

					<p:column headerText="GESTIONAR TIPO DE DOCUMENTO"
						styleClass="columnaCrud">
						<p:tooltip for="btnMostrar" value="MOSTRAR" />
						<p:tooltip for="btnEditar" value="EDITAR" />
						<p:tooltip for="btnEliminar"
							value="#{tipoDocumento.activo eq true ? msg['lbl.desactivar']:msg['lbl.activar']}" />

						<p:commandButton id="btnMostrar" update=":formMostrar"
							oncomplete="PF('tipoDocumentoDialogoMostrar').show()"
							icon="#{msg['iconoMostrar']}">
							<f:setPropertyActionListener value="#{tipoDocumento}"
								target="#{tipoDocumentoBean.tipoDocumento}" />
						</p:commandButton>

						<p:commandButton id="btnEditar" update=":formEditar"
							oncomplete="PF('tipoDocumentoDialogoEditar').show()"
							icon="ui-icon-pencil"
							disabled="#{tipoDocumento.pordefecto eq true ? true:false}">
							<f:setPropertyActionListener value="#{tipoDocumento}"
								target="#{tipoDocumentoBean.tipoDocumento}" />
						</p:commandButton>

						<p:commandButton id="btnEliminar" update=":formEliminar"
							oncomplete="PF('tipoDocumentoDialogoEliminar').show()"
							icon="#{tipoDocumento.activo eq true ? 'ui-icon-close':'ui-icon-check'}"
							disabled="#{tipoDocumento.pordefecto eq true ? true:false}">
							<f:setPropertyActionListener value="#{tipoDocumento}"
								target="#{tipoDocumentoBean.tipoDocumento}" />
						</p:commandButton>

					</p:column>

					<p:column headerText="NOMBRE" filterBy="#{tipoDocumento.nombre}"
						styleClass="columnaInfo">  
            			#{tipoDocumento.nombre}  
        			</p:column>

				</p:dataTable>
			</h:form>

		</p:panel>

		<p:dialog widgetVar="tipoDocumentoDialogoEliminar" severity="alert"
			header="ELIMINAR TIPO DOCUMENTO" showEffect="explode"
			hideEffect="shake" modal="false" resizable="false" width="230px">
			<h:form id="formEliminar">
				<h:inputHidden
					value="#{tipoDocumentoBean.tipoDocumento.tipodocumentoid}" />
				<br />
				<ui:param name="desactivar"
					value="¿ DESEA DESACTIVAR EL TIPO DE DOCUMENTO: #{tipoDocumentoBean.tipoDocumento.nombre} ?" />
				<ui:param name="activar"
					value="¿ DESEA ACTIVAR EL TIPO DE DOCUMENTO: #{tipoDocumentoBean.tipoDocumento.nombre} ?" />
				<h:outputText
					value="#{tipoDocumentoBean.tipoDocumento.activo eq true ? desactivar : activar}" />
				<br />
				<br />
				<p:commandButton value="#{msg['btn.aceptar']}"
					update=":formDataTable,:mensajes" icon="ui-icon-check"
					oncomplete="PF('tipoDocumentoDialogoEliminar').hide()"
					actionListener="#{tipoDocumentoBean.eliminar}" />
				<p:commandButton value="#{msg['btn.cancelar']}" type="button"
					onclick="PF('tipoDocumentoDialogoEliminar').hide()"
					icon="ui-icon-close" />
			</h:form>

		</p:dialog>

		<p:dialog header="INSERTAR TIPO DE DOCUMENTO"
			widgetVar="tipoDocumentoDialogoNuevo" resizable="false" modal="fasle"
			showEffect="clip" hideEffect="fold" id="dialogoNuevo">

			<h:form id="formNuevo">

				<p:focus context="formNuevo" />

				<h:panelGrid columns="2" cellpadding="5">
					<h:outputText value="NOMBRE:" />
					<p:inputText id="nombre"
						value="#{tipoDocumentoBean.tipoDocumento.nombre}" label="nombre"
						required="true" requiredMessage="INGRESE UN NOMBRE DE DOCUMENTO"
						onblur="this.value=this.value.toUpperCase();" />

					<h:outputText value="ABREVIATURA:" />
					<p:inputText id="abreviatura"
						value="#{tipoDocumentoBean.tipoDocumento.abreviatura}"
						label="nombre" required="true"
						requiredMessage="INGRESE UNA ABREVIATURA"
						onblur="this.value=this.value.toUpperCase();" />

					<f:facet name="footer">
						<p:separator />
						<p:commandButton value="#{msg['btn.guardar']}"
							oncomplete="comprobar(xhr, status, args)"
							update=":formDataTable, :mensajes, formNuevo"
							id="btnNuevoAceptar" icon="ui-icon-disk"
							actionListener="#{tipoDocumentoBean.insertar}" />
						<p:commandButton value="#{msg['btn.cancelar']}"
							oncomplete="PF('tipoDocumentoDialogoNuevo').hide()"
							id="btnNuevolimpiar" icon="ui-icon-close"
							actionListener="#{tipoDocumentoBean.limpiar}" process="@this" />
					</f:facet>
				</h:panelGrid>
			</h:form>
		</p:dialog>

		<script type="text/javascript">
			function handleSubmitRequest(args) {
				if (!args.validationFailed) {
					PF('tipoDocumentoDialogoNuevo').hide();
					PF('tipoDocumentoDialogoEditar').hide();
				}
			}

			//<![CDATA[
			function comprobar(xhr, status, args) {
				if (!args.validationFailed && args.error) {
					PF('tipoDocumentoDialogoNuevo').hide();
					PF('tipoDocumentoDialogoEditar').hide();
				}
			}
			//]]>
		</script>


		<p:dialog header="MOSTRAR DOCUMENTO"
			widgetVar="tipoDocumentoDialogoMostrar" resizable="false"
			modal="false" showEffect="clip" hideEffect="fold" id="dialogoMostrar">
			<h:form id="formMostrar">

				<h:panelGrid id="panelMostrar" columns="2" cellpadding="8">

					<h:outputText value="NOMBRE:" />
					<h:outputText value="#{tipoDocumentoBean.tipoDocumento.nombre}"
						style="font-weight:bold" />

					<h:outputText value="ABREVIATURA:" />
					<h:outputText
						value="#{tipoDocumentoBean.tipoDocumento.abreviatura}" />
				</h:panelGrid>
			</h:form>
		</p:dialog>

		<p:dialog header="EDITAR DOCUMENTO"
			widgetVar="tipoDocumentoDialogoEditar" resizable="false"
			modal="false" showEffect="clip" hideEffect="fold" id="dialogoEditar">

			<h:form id="formEditar">

				<p:focus context="formEditar" />

				<h:panelGrid id="panelEditar" columns="2" cellpadding="8">

					<h:outputText value="NOMBRE:" />
					<p:inputText value="#{tipoDocumentoBean.tipoDocumento.nombre}"
						required="true" requiredMessage="INGRESE UN TIPO DE DOCUMENTO"
						onblur="this.value=this.value.toUpperCase();" />

					<h:outputText value="ABREVIATURA:" />
					<p:inputText id="abreviatura"
						value="#{tipoDocumentoBean.tipoDocumento.abreviatura}"
						label="nombre" required="true"
						requiredMessage="INGRESE UNA ABREVIATURA"
						onblur="this.value=this.value.toUpperCase();" />

					<f:facet name="footer">
						<p:separator />
						<p:commandButton value="#{msg['btn.guardar']}"
							update=":formDataTable, :mensajes, formEditar"
							oncomplete="comprobar(xhr, status, args)"
							id="btnModificarAceptar"
							actionListener="#{tipoDocumentoBean.actualizar}"
							icon="ui-icon-disk" />

						<p:commandButton value="#{msg['btn.cancelar']}"
							oncomplete="PF('tipoDocumentoDialogoEditar').hide()"
							id="btnModificarlimpiar" icon="ui-icon-close" />
					</f:facet>

				</h:panelGrid>
			</h:form>
		</p:dialog>
		<p:ajaxStatus onstart="PF('statusDialog').show()"
			onsuccess="PF('statusDialog').hide()" />

		<p:dialog widgetVar="statusDialog" modal="true" draggable="false"
			closable="false" resizable="false" showHeader="false">
			<p:graphicImage value="../../../resources/images/ajaxloadingbar.gif" />
		</p:dialog>
	</ui:define>

</ui:composition>
</html>